<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<bsl:layout-render name="/WEB-INF/jsp/portalCommon/layout.jsp">
<bsl:layout-component name="html-head">
<meta name="description" content="Windy Warm Corporation is always engaged in manufacturer of gasoline containers and has many kinds of gas can series. Details information about Windy Warm.">

	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/css/viewDetails.css" />
<script type="text/javascript">
    
	$(function(){
        var options1 = {navigation: 'hover',direction:  'left'};
        $('.ppy2').popeye(options1);
    });
    
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-41141994-1', 'windywarm.com');
  ga('send', 'pageview');

</script>
</bsl:layout-component>
<bsl:layout-component name="title">
Gas Cans - ${curDivision.divNameEn}
</bsl:layout-component>
<bsl:layout-component name="content" >
<c:set var="contextPath" value="<%=request.getContextPath()%>"></c:set>
<c:set value="gas-cans" var="urlPrefix"></c:set>
	
	<div class="potal_title_div">
				<div style="float:left;font: 12px/38px Verdana,microsoft yahei,Arial;padding-left:32px;color:#505050;">
					<a href="${contextPath}/${urlPrefix}/viewHome">Home</a> &gt; About Us
				</div>
					
				</div>
	
	
<div class="details_content">
<c:if test="${not empty article.album.photos}">
<div class="ppy2">
	<ul class="ppy-imglist">
		<c:forEach items="${article.album.photos}" var="photo">
			<li>
                  <a href="${contextPath}${photo.thumbnailLarge}">
                      <img src="${contextPath}${photo.thumbnailMiddle}" alt="">
                  </a>
                  <c:if test="${not empty photo.description}">
                  	<span class="ppy-extcaption">
                      <strong>${photo.description}</strong>
                  	</span>
                  </c:if>
                  
              </li>
		</c:forEach>
              
      </ul>
        <div class="ppy-outer">
                <div style="width:288; height:388;background-image: url(&quot;${contextPath}${article.album.coverPhoto.thumbnailMiddle}&quot;);" class="ppy-stage">
                    <div class="ppy-counter">
                        <strong class="ppy-current">1</strong> / <strong class="ppy-total">9</strong> 
                    </div>
               	</div>
                <div class="ppy-nav">
                       <a class="ppy-next" title="Next">Next</a>
			           <a class="ppy-prev" title="Previous">Previous</a>
                </div>
       </div>
       <div style="visibility: hidden; height: 0px; overflow: hidden;" class="ppy-caption">
                <span class="ppy-text">
                        
                </span>
       </div>
 </div>
</c:if>
 <div class="details_content_txt" >
		${article.articleContent.content}	<hr></hr>	   
</div>
</div>
	


</bsl:layout-component>

<bsl:layout-component name="side_info">

	<jsp:include page="prodCateInfo.jsp">
		<jsp:param value="${productDiv}" name="productDiv"/>
 		<jsp:param value="${curCategory}" name="curCategory"/>
   	</jsp:include>
   	
   	<jsp:include page="contactInfo.jsp">
		<jsp:param value="null" name="null"/>
   	</jsp:include>
	
	
</bsl:layout-component>


<bsl:layout-component name="footer_info">
	<a>abc</a>
</bsl:layout-component>
</bsl:layout-render>